<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="/layout/common_head::commonHeader('在线用户')"></head>
<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-body hstitlewithouttitle">
            <div class="layui-container">
            <br>
            <blockquote class="layui-elem-quote">
                说明:系统当前在线用户，可选择用户强制其下线。<a th:class="layui-btn" href="/index">进入主页</a>
            </blockquote>
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>当前在线用户</legend>
            </fieldset>
            <div class="layui-form">
                <table id="online" class="layui-table">
                    <colgroup>
                        <col width="150">
                        <col width="150">
                        <col width="200">
                        <col>
                        <col width="200">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>人物</th>
                        <th>民族</th>
                        <th>出场时间</th>
                        <th>格言</th>
                        <th>强制下线</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>贤心</td>
                        <td>汉族</td>
                        <td>1989-10-14</td>
                        <td>人生似修行</td>
                        <td>
                            <button data-info='{"id":"1", "name": "张三"}'  class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>张爱玲</td>
                        <td>汉族</td>
                        <td>1920-09-30</td>
                        <td>于千万人之中遇见你所遇见的人，于千万年之中，时间的无涯的荒野里…</td>
                        <td>
                            <button data-info='{"id": "2", "name": "李四"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>Helen Keller</td>
                        <td>拉丁美裔</td>
                        <td>1880-06-27</td>
                        <td> Life is either a daring adventure or nothing.</td>
                        <td>
                            <button data-info='{"id":"3", "name": "王五"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>岳飞</td>
                        <td>汉族</td>
                        <td>1103-北宋崇宁二年</td>
                        <td>教科书再滥改，也抹不去“民族英雄”的事实</td>
                        <td>
                            <button data-info='{"id":"4", "name": "赵六"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    <tr>
                        <td>孟子</td>
                        <td>华夏族（汉族）</td>
                        <td>公元前-372年</td>
                        <td>猿强，则国强。国强，则猿更强！ </td>
                        <td>
                            <button data-info='{"id":"5", "name": "孙七"}' class="layui-btn layui-btn-danger layui-btn-sm">下线</button>
                        </td>
                    </tr>
                    </tbody>
                </table>

                <div style="text-align: center;">
                    <div id="pageDemo"></div>
                </div>
            </div>
            </div>
        </div>

        <div th:include="/layout/footer::footer">
        </div>
    </div>

    <script th:replace="/layout/common_js::onloadjs"></script>
    <script th:inline="javascript">
        layui.use(['layer','laypage','jquery'], function(){
            var layer = layui.layer, //弹层
                laypage = layui.laypage,//分页
                $ = layui.jquery;

            //分页
            laypage.render({
                elem: 'pageDemo', //分页容器的id
                count: [[${onlineDTO.count}]], //总页数
                limit: [[${onlineDTO.pageSize}]], //每页显示的条数
                skin: '#ff406f', //自定义选中色值
                curr: [[${onlineDTO.page}]],
                jump: function(obj, first){
                    if(!first){
                        //layer.msg('第'+ obj.curr +'页');
                        var href = window.location.href;
                        var index = href.indexOf('?');
                        window.location.href = href.substr(0, index==-1 ? href.length : index) + "?page={0}&pageSize={1}".format(obj.curr, [[${onlineDTO.pageSize}]]);

                    }
                }
            });

            layer.config({
                title: ['操作提示', 'font-size:14px;'],
                closeBtn: 0,
                time: 2000,
                anim: 1,
                scrollbar: false
            });

            $("#online button").on("click", function(event){
                var info =$(this).data("info");
                $.get("/super/offline/{0}?name={1}".format(info.id, info.name), function (res) {
                    if(res.code ===200 && res.success===true){
                        layer.alert(res.message, {
                            icon: 1,
                            skin: 'layer-ext-moon'
                        });
                    }
                });
            });
        });
    </script>

</body>
</html>
